<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- <title.slice(0,22)>全部产品</title.slice(0,22)> -->
  <link rel="icon" href="/img/icon.png" sizes="18x18">
  <link rel="stylesheet" href="/css/allProducts.css">
</head>

<body>
  <header></header>
  
  <main>
    <div class="main-choose">
      <ul>
        <li><a href="#">主页&nbsp;&gt;&nbsp;</a></li>
        <li><a href="#">全部产品&nbsp;&gt;&nbsp;</a></li>
      </ul>
    </div>
    <div class="menus">
      <h3 id="menus">彩妆专区</h3>
      <ul id="select">
        <li>彩妆专区</li>
        <li>护肤专区</li>
        <li>香水专区</li>
      </ul>
    </div>
    <div class="section1">
      <div class="left">唇釉</div>
      <div class="right" id="lipglossList">
        <script type="text/html" id="getlipglossTemplate">
              {{each listgloss item}}
              <dl>
                <dt><img src="{{item.image}}" alt=""></dt>
                <dd>{{item.title.slice(0,22)}}</dd>
                <dd>￥{{item.price}}</dd>
                <dd><a href="/html/detail.html?id={{item.id}}">即刻拥有</a></dd>
              </dl>
              {{/each}}
          </script>
      </div>
    </div>
    <div class="section2">
      <div class="left">唇膏</div>
      <div class="right" id="lippieList">
        <script type="text/html" id="getlippieTemplate">
              {{each listpie item}}
              <dl>
                <dt><img src="{{item.image}}" alt=""></dt>
                <dd>{{item.title.slice(0,22)}}</dd>
                <dd>￥{{item.price}}</dd>
                <dd><a href="/html/detail.html?id={{item.id}}">即刻拥有</a></dd>
              </dl>
              {{/each}}
          </script>
      </div>
    </div>
    <div class="section3">
      <div class="left">粉底液/气垫</div>
      <div class="right" id="airpillowList">
        <script type="text/html" id="getairpillowTemplate">
              {{each listair item}}
              <dl>
                <dt><img src="{{item.image}}" alt=""></dt>
                <dd>{{item.title.slice(0,22)}}</dd>
                <dd>￥{{item.price}}</dd>
                <dd><a href="/html/detail.html?id={{item.id}}">即刻拥有</a></dd>
              </dl>
              {{/each}}
          </script>
      </div>
    </div>
    <div class="section4">
      <div class="left">香水香氛</div>
      <div class="right" id="perfumeList">
        <script type="text/html" id="getperfumeTemplate">
                {{each listper item}}
                <dl>
                  <dt><img src="{{item.image}}" alt=""></dt>
                  <dd>{{item.title.slice(0,22)}}</dd>
                  <dd>￥{{item.price}}</dd>
                  <dd><a href="/html/detail.html?id={{item.id}}">即刻拥有</a></dd>
                </dl>
                {{/each}}
            </script>
      </div>
    </div>
  </main>

  <footer></footer>

  <script src="/libs/require/require.js" data-main="/js/allProducts"></script>
</body>

</html>